<!-- 指标查看，指标修改-查看单条基金变更 -->
<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-header">
      <button (click)="closeFolw()" type="button" class="close" aria-label="Close">
        <span aria-hidden="true">&times;</span>
      </button>
      <h4 class="modal-title">
        <span *ngIf="type=='view'">指标查看-查看单条基金变更</span>
        <span *ngIf="type=='modify'">指标修改-查看单条基金变更</span>
      </h4>
    </div>
    <div class="modal-body">
      <form class="form-inline">
        <div class="form-group col-lg-12" style="padding-top:5px;">
          <label class="control-label">开始日期：</label>
          <div class="input-group date form_datetime">
            <span class="input-group-addon">
              <i class="fa fa-calendar"></i>
            </span>
            <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
              [(ngModel)]="getBody.beginDate" name="beginDate">
          </div>
          <label class="control-label">结束日期：</label>
          <div class="input-group date form_datetime">
            <span class="input-group-addon">
              <i class="fa fa-calendar"></i>
            </span>
            <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
              [(ngModel)]="getBody.endDate" name="endDate">
          </div>
          <button type="button" class="btn btn-primary search-btn" (click)="list()">
            <i class="fa fa-search"></i>查询</button>
        </div>
      </form>

      <h5>指标变更对比</h5>
      <div #singleTable></div>
      <div class="box-footer clearfix" style="width:100%;">
        <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
          <div class="pull-left pagination-detail" data-pagination-additional="true">
            <span class="pagination-info">
                当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
              </span>
            <span class="page-list">
                每页记录
                <span class="btn-group dropup">
                  <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                    <span class="page-size">{{listPageInfo.pageSize}}</span>
            <span class="caret"></span>
            </button>
            <ul class="dropdown-menu" role="menu">
              <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
                <a>{{i}}</a>
              </li>
            </ul>
            </span>
            条
            </span>
          </div>
        </app-pagination>
      </div>
    </div>
    <div class="modal-footer" style="text-align:center">
      <button class="btn btn-default" (click)="closeFolw()">关闭</button>
    </div>
  </div>
</div>